<template>
  <!-- 学习台账 -->
  <div class="container">
    <div class="list">
      <div v-for="item in 3" class="item">
        <img class="img" src="../../assets/img/my/standing-item-img.png" alt srcset>
        <div class="text">学习强国</div>
      </div>
    </div>
  </div>
</template>
<style lang="less" scoped>
.container {
  background-image: url("../../assets/img/my/stadning-bg.png");
  background-size: 100% auto;
  background-color: #e9999b;
}
.list{
    padding: 60px 40px;
    .item {
        background-color: #fff;
        border-radius: 8px;
        display: flex;
        align-items: center;
        padding: 20px 40px;
        margin-bottom: 40px;
        .img{
            display: block;
            width: 50px;
            height: 50px;
            margin-right: 30px;
        }
        .text{
            font-size: 16px;
            font-weight: bold;
        }
    }
}
</style>
